<template>
	<view class="con_zhus">
		<image :src="bg_img" mode=""></image>
		<view class="content">
			<view class="weixin">
				<view class="ti wx">
					微信号
				</view>
				<view class="ti phonev">
					{{phonev}}
				</view>
				<view class="ti btnfz">
					<view class="btnfzBtn" @click="fuzhi">
						复制
					</view>
				</view>
			</view>
			<!-- 微信二维码 -->
			<view class="wxewm">
				微信二维码
			</view>
			<!-- img -->
			<view class="sjImg">
				<image :src="erweioma"  mode="" @click="baoCunImg"></image>

				
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bg_img:"/static/img/bg1.jpg",   // /static/img/bg2.jpg
				phonev: "12345678913", // 手机号
				erweioma:"/static/logo.png"
				
			}
		},
		methods: {
			//点击复制 到剪贴板
			fuzhi() {
				uni.setClipboardData({
					data: this.phonev,
					success: function() {
						console.log('success');
					}
				})
			},
			//  未实现
			baoCunImg(){

			},

			
		}
	}
</script>

<style>
	.con_zhus {
		width: 100vw;
		height: 100vh;
		background-color: #f4f4fa;

	}
	.con_zhus image{
		width: 100%;
		height: 100%;
		float: left;

	}

	.content {
		font-size: 22upx;
		height: 80%;
		width: 95%;
		background-color: #ffffff;
		margin: 10rpx 2.5%;
		/* border: 1rpx solid reds; */
		border-radius: 20rpx;
		position: absolute;
		opacity: 0.9;

	}

	.content .weixin {
		width: 90%;
		height: 10%;
		margin: 0 5%;
		display: flex;
		position: relative;
		top: 10rpx;
		border-bottom: 1px solid #7ca9d0;
	}

	.content .weixin .ti {
		text-align: center;
		line-height: 100rpx;
	}

	.content .weixin .wx {
		width: 30%;
		height: 100%;
		text-align: left;
		/* border: 1rpx solid #7ca9d0; */
	}

	.content .weixin .phonev {
		width: 50%;
		height: 100%;
		text-align: left;

	}

	.content .weixin .btnfz {
		width: 20%;
		height: 100%;
		/* border: 1rpx solid #7ca9d0; */
	}

	.content .weixin .btnfz .btnfzBtn {
		border: #7ca9d0 solid 1rpx;
		width: 140rpx;
		height: 50rpx;
		line-height: 50rpx;
		position: relative;
		top: 20rpx;
		border-radius: 25rpx;
		font-weight: 100;
	}

	/* wxewm */
	.content .wxewm {
		width: 90%;
		height: 10%;
		margin: 0 5%;
		display: flex;
		position: relative;
		line-height: 100rpx;
		color: gray;
	}

	/* 二维码 */
	.content .sjImg {
		width: 90%;
		height: 75%;
		margin: 0rpx 5%;
		border-radius: 25rpx;
		border: 1px solid #7ca9d0;
	}
	
	.content .sjImg image {
		width: 80%;
		height: 80%;
		margin: 12% 10%;
		border-radius: 25rpx;
		
	}

</style>